<route lang="json5">
{
  style: {
    navigationStyle: 'custom',
    navigationBarTitleText: '个人信息',
  },
}
</route>
<template>
  <view>
    <customHeader title="个人信息"></customHeader>
    <view class="information flex-1 bg-pageBg font-size-32rpx">
      <view class="information_border">
        <wd-cell-group>
          <wd-cell title="头像" center clickable size="large">
            <view class="custom-value">
              <image
                class="w-74rpx h-74rpx"
                :src="staticUrl('/static/user/index/user-logo.png')"
              ></image>
              <image
                class="w-32rpx h-32rpx ml-10rpx"
                :src="staticUrl('/static/user/arrow-right.png')"
              ></image>
            </view>
          </wd-cell>

          <wd-cell title="昵称" center clickable size="large">
            <view class="custom-value flex justify-end items-center font-size-32rpx">
              <view>王弱弱</view>
              <image
                class="w-32rpx h-32rpx ml-10rpx"
                :src="staticUrl('/static/user/arrow-right.png')"
              ></image>
            </view>
          </wd-cell>
        </wd-cell-group>
      </view>

      <view class="information_border">
        <wd-cell-group>
          <wd-cell title="用户服务协议" center clickable size="large">
            <view class="custom-value flex justify-end items-center font-size-32rpx">
              <image
                class="w-32rpx h-32rpx ml-10rpx"
                :src="staticUrl('/static/user/arrow-right.png')"
              ></image>
            </view>
          </wd-cell>
          <wd-cell title="隐私权政策" center clickable size="large">
            <image
              class="w-32rpx h-32rpx ml-10rpx"
              :src="staticUrl('/static/user/arrow-right.png')"
            ></image>
          </wd-cell>
          <wd-cell title="实名认证" center clickable size="large">
            <view class="custom-value flex justify-end items-center font-size-32rpx">
              <view class="color-tip">未实名</view>
              <image
                class="w-32rpx h-32rpx ml-10rpx"
                :src="staticUrl('/static/user/arrow-right.png')"
              ></image>
            </view>
          </wd-cell>
        </wd-cell-group>
      </view>

      <view class="information_border">
        <wd-cell-group>
          <wd-cell title="实名认证" center clickable size="large">
            <image
              class="w-32rpx h-32rpx ml-10rpx"
              :src="staticUrl('/static/user/arrow-right.png')"
            ></image>
          </wd-cell>
        </wd-cell-group>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>
defineOptions({
  name: 'shopcar',
})

const author = ref('亿隆')
const description = ref(
  'unibest 是一个集成了多种工具和技术的 uniapp 开发模板，由 uniapp + Vue3 + Ts + Vite4 + UnoCss + UniUI + VSCode 构建，模板具有代码提示、自动格式化、统一配置、代码片段等功能，并内置了许多常用的基本组件和基本功能，让你编写 uniapp 拥有 best 体验。',
)
// 测试 uni API 自动引入
onLoad(() => {
  console.log(author)
})
</script>

<style lang="scss">
.information {
  .information_border {
    width: 690rpx;
    margin: 0 auto;
    margin-top: 20rpx;
    overflow: hidden;
    background: #ffffff;
    border-radius: 10rpx;
  }
}
</style>
